<template>
  <section style="padding-bottom: 30px;">
    <div class="big_pt" v-if="message == '请求成功'">
      <div class="tit">
        <img src="../../assets/index/line.png" class="line">
        <span class="weight">车辆选配信息</span>
      </div>
      <ul>
        <li>
          <span>车架号</span>
          <span>{{rcarvin}}</span>
        </li>
        <li>
          <span>车辆品牌</span>
          <span>{{brandName}}</span>
        </li>
        <li>
          <span>子品牌</span>
          <span>{{brand}}</span>
        </li>
        <li>
          <span>款型</span>
          <span>{{model}}</span>
        </li>
        <li>
          <span>企业名称</span>
          <span>{{enterpriseName}}</span>
        </li>
        <li>
          <span>车辆颜色</span>
          <span>{{bodyColor}}</span>
        </li>
        <li>
          <span>车辆类型</span>
          <span>{{vehicleType}}</span>
        </li>
        <li>
          <span>级别</span>
          <span>{{level}}</span>
        </li>
        <li>
          <span>车身结构</span>
          <span>{{bodyStructure}}</span>
        </li>
        <li>
          <span>车门数量</span>
          <span>{{doorCount}}</span>
        </li>
        <li>
          <span>工信部油耗</span>
          <span>{{oilConsumption}}</span>
        </li>
        <li>
          <span>生产日期</span>
          <span>{{makeDate}}</span>
        </li>
        <li>
          <span>变速箱类型</span>
          <span>{{transmissionType}}</span>
        </li>
        <li>
          <span>变速箱</span>
          <span>{{shiftDesc}}</span>
        </li>
        <li>
          <span>燃料形式</span>
          <span>{{fuelType}}</span>
        </li>
        <li>
          <span>燃油标号</span>
          <span>{{fuelLabeling}}</span>
        </li>
        <li>
          <span>座位数</span>
          <span>{{passengers}}</span>
        </li>
        <li>
          <span>座椅材质</span>
          <span>{{seatMaterial}}</span>
        </li>
        <li>
          <span>油箱容积</span>
          <span>{{tankVolume}}</span>
        </li>
        <li>
          <span>供油方式</span>
          <span>{{oilSupplyMode}}</span>
        </li>
        <li>
          <span>车辆型号</span>
          <span>{{vehicleModelc}}</span>
        </li>
        <li>
          <span>指导价</span>
          <span>{{guidancePrice}}</span>
        </li>
        <li>
          <span>真皮方向盘</span>
          <span>{{leatherWheel}}</span>
        </li>
        <li>
          <span>多功能方向盘</span>
          <span>{{multifunctionWheel}}</span>
        </li>
        <li>
          <span>最高车速</span>
          <span>{{maximumSpeed}}</span>
        </li>
        <li>
          <span>国别</span>
          <span>{{countries}}</span>
        </li>
        <li>
          <span>发动机</span>
          <span>{{engineNumber}}</span>
        </li>
        <li>
          <span>发动机型号</span>
          <span>{{engineModel}}</span>
        </li>
        <li>
          <span>最大功率</span>
          <span>{{maxJourney}}</span>
        </li>
        <li>
          <span>最大马力</span>
          <span>{{maxPower}}</span>
        </li>
        <li>
          <span>最大扭矩</span>
          <span>{{maxTorque}}</span>
        </li>
        <li>
          <span>车体结构</span>
          <span>{{wholeStructure}}</span>
        </li>
        <li>
          <span>档位</span>
          <span>{{stall}}</span>
        </li>
        <li>
          <span>档位个数</span>
          <span>{{stallNumber}}</span>
        </li>
        <li>
          <span>车长</span>
          <span>{{carLong}}</span>
        </li>
        <li>
          <span>车宽</span>
          <span>{{carWidth}}</span>
        </li>
        <li>
          <span>车高</span>
          <span>{{carHigh}}</span>
        </li>
        <li>
          <span>整车质保</span>
          <span>{{warranty}}</span>
        </li>
        <li>
          <span>中控台彩色大屏</span>
          <span>{{colorScreen}}</span>
        </li>
        <li>
          <span>多媒体系统</span>
          <span>{{multimediaSystem}}</span>
        </li>
        <li>
          <span>定速巡航</span>
          <span>{{cruiseControl}}</span>
        </li>
        <li>
          <span>GPS导航系统</span>
          <span>{{GPS}}</span>
        </li>
        <li>
          <span>倒车视频影像</span>
          <span>{{reverseVideo}}</span>
        </li>
        <li>
          <span>行车电脑显示屏</span>
          <span>{{displayScreen}}</span>
        </li>
        <li>
          <span>蓝牙车载电话</span>
          <span>{{bluetoothPhone}}</span>
        </li>
        <li>
          <span>感应雨刷</span>
          <span>{{inductionWiper}}</span>
        </li>
        <li>
          <span>后视镜电动调节</span>
          <span>{{mirrorElectromotion}}</span>
        </li>
        <li>
          <span>后视镜加热</span>
          <span>{{mirrorHeating}}</span>
        </li>
        <li>
          <span>后视镜自动折叠</span>
          <span>{{refoldingMirror}}</span>
        </li>
        <li>
          <span>空调控制方式</span>
          <span>{{airControlMode}}</span>
        </li>
        <li>
          <span>前后排座椅加热</span>
          <span>{{seatHeating}}</span>
        </li>
        <li>
          <span>后排独立空调</span>
          <span>{{independentAC}}</span>
        </li>
        <li>
          <span>全景天窗</span>
          <span>{{panoramicSunroof}}</span>
        </li>
        <li>
          <span>车灯类型</span>
          <span>{{lampType}}</span>
        </li>
        <li>
          <span>第三排座椅</span>
          <span>{{thirdSeats}}</span>
        </li>
        <li>
          <span>进气形式</span>
          <span>{{intakeForm}}</span>
        </li>
        <li>
          <span>发动机启停技术</span>
          <span>{{egineTechnology}}</span>
        </li>
        <li>
          <span>发动机特有技术</span>
          <span>{{engineSpTechnology}}</span>
        </li>
        <li>
          <span>驻车制动类型</span>
          <span>{{parkingType}}</span>
        </li>
        <li>
          <span>钢板弹簧片数</span>
          <span>{{springNumber}}</span>
        </li>
        <li>
          <span>排放标准</span>
          <span>{{emissionStandard}}</span>
        </li>
        <li>
          <span>排量ML</span>
          <span>{{displacement}}</span>
        </li>
        <li>
          <span>整备质量</span>
          <span>{{curbWeight}}</span>
        </li>
        <li>
          <span>总质量</span>
          <span>{{totalWeight}}</span>
        </li>
        <li>
          <span>额定载质量</span>
          <span>{{ratedWeight}}</span>
        </li>
        <li>
          <span>准牵引总质量</span>
          <span>{{tractionWeight}}</span>
        </li>
        <li>
          <span>货厢内部长</span>
          <span>{{truckLong}}</span>
        </li>
        <li>
          <span>货厢内部宽</span>
          <span>{{truckWidth}}</span>
        </li>
        <li>
          <span>货厢内部高</span>
          <span>{{truckHigh}}</span>
        </li>
        <li>
          <span>驱动方式</span>
          <span>{{drivingMode}}</span>
        </li>
        <li>
          <span>轴数</span>
          <span>{{axisNumber}}</span>
        </li>
        <li>
          <span>轴距</span>
          <span>{{wheelBase}}</span>
        </li>
        <li>
          <span>前轮距</span>
          <span>{{frontTrack}}</span>
        </li>
        <li>
          <span>后轮距</span>
          <span>{{rearTrack}}</span>
        </li>
        <li>
          <span>轮胎数</span>
          <span>{{tyreNumber}}</span>
        </li>
        <li>
          <span>轮胎规格</span>
          <span>{{tyreSpec}}</span>
        </li>
        <li>
          <span>备注</span>
          <span>{{remarks}}</span>
        </li>
        <li>
          <span>其他</span>
          <span>{{others}}</span>
        </li>
      </ul>
    </div>
    <div v-else>
      <img src="../../assets/sech/no_tip.png" style="width: 4rem;margin-top: .86rem;">
      <p style="margin-top: .3rem;color: #666;">{{message}}</p>
    </div>
  </section>
</template>

<script>
  export default {
    name: "carChooseResult",
    data() {
      return {
        message:'',
        rcarvin:'',
        others:'',
        brandName:'',
        brand:'',
        model:'',
        enterpriseName:'',
        bodyColor:'',
        vehicleType:'',
        level:'',
        bodyStructure:'',
        doorCount:'',
        oilConsumption:'',
        makeDate:'',
        transmissionType:'',
        shiftDesc:'',
        fuelType:'',
        fuelLabeling:'',
        passengers:'',
        seatMaterial:'',
        tankVolume:'',
        oilSupplyMode:'',
        vehicleModelc:'',
        guidancePrice:'',
        leatherWheel:'',
        multifunctionWheel:'',
        maximumSpeed:'',
        countries:'',
        engineNumber:'',
        engineModel:'',
        maxJourney:'',
        maxPower:'',
        maxTorque:'',
        wholeStructure:'',
        stall:'',
        stallNumber:'',
        carLong:'',
        carWidth:'',
        carHigh:'',
        warranty:'',
        colorScreen:'',
        multimediaSystem:'',
        cruiseControl:'',
        GPS:'',
        reverseVideo:'',
        displayScreen:'',
        bluetoothPhone:'',
        inductionWiper:'',
        mirrorElectromotion:'',
        mirrorHeating:'',
        refoldingMirror:'',
        airControlMode:'',
        seatHeating:'',
        independentAC:'',
        panoramicSunroof:'',
        lampType:'',
        thirdSeats:'',
        intakeForm:'',
        egineTechnology:'',
        engineSpTechnology:'',
        parkingType:'',
        springNumber:'',
        emissionStandard:'',
        displacement:'',
        curbWeight:'',
        totalWeight:'',
        ratedWeight:'',
        tractionWeight:'',
        truckLong:'',
        truckWidth:'',
        truckHigh:'',
        drivingMode:'',
        axisNumber:'',
        wheelBase:'',
        frontTrack:'',
        rearTrack:'',
        tyreNumber:'',
        tyreSpec:'',
        remarks:'',
      }
    },
    created() {
      let RESULTINFO = JSON.parse(sessionStorage.getItem('TO_OBJECT'));
      console.log(RESULTINFO)
      this.message = RESULTINFO.message;
      if(this.message == '请求成功'){
        this.rcarvin = RESULTINFO.resultInfo.vin;
        this.brandName = RESULTINFO.resultInfo.brandName;
        this.brand = RESULTINFO.resultInfo.brand;
        this.model = RESULTINFO.resultInfo.model;
        this.enterpriseName = RESULTINFO.resultInfo.enterpriseName;
        this.bodyColor = RESULTINFO.resultInfo.bodyColor;
        this.vehicleType = RESULTINFO.resultInfo.vehicleType;
        this.level = RESULTINFO.resultInfo.level;
        this.bodyStructure = RESULTINFO.resultInfo.bodyStructure;
        this.doorCount = RESULTINFO.resultInfo.doorCount;
        this.oilConsumption = RESULTINFO.resultInfo.oilConsumption;
        this.makeDate = RESULTINFO.resultInfo.makeDate;
        this.transmissionType = RESULTINFO.resultInfo.transmissionType;
        this.shiftDesc = RESULTINFO.resultInfo.shiftDesc;
        this.fuelType = RESULTINFO.resultInfo.fuelType;
        this.fuelLabeling = RESULTINFO.resultInfo.fuelLabeling;
        this.passengers = RESULTINFO.resultInfo.passengers;
        this.seatMaterial = RESULTINFO.resultInfo.seatMaterial;
        this.tankVolume = RESULTINFO.resultInfo.tankVolume;
        this.oilSupplyMode = RESULTINFO.resultInfo.oilSupplyMode;
        this.vehicleModelc = RESULTINFO.resultInfo.vehicleModelc;
        this.guidancePrice = RESULTINFO.resultInfo.guidancePrice;
        this.leatherWheel = RESULTINFO.resultInfo.leatherWheel;
        this.multifunctionWheel = RESULTINFO.resultInfo.multifunctionWheel;
        this.maximumSpeed = RESULTINFO.resultInfo.maximumSpeed;
        this.countries = RESULTINFO.resultInfo.countries;
        this.engineNumber = RESULTINFO.resultInfo.engineNumber;
        this.engineModel = RESULTINFO.resultInfo.engineModel;
        this.maxJourney = RESULTINFO.resultInfo.maxJourney;
        this.maxPower = RESULTINFO.resultInfo.maxPower;
        this.maxTorque = RESULTINFO.resultInfo.maxTorque;
        this.wholeStructure = RESULTINFO.resultInfo.wholeStructure;
        this.stall = RESULTINFO.resultInfo.stall;
        this.stallNumber = RESULTINFO.resultInfo.stallNumber;
        this.carLong = RESULTINFO.resultInfo.carLong;
        this.carWidth = RESULTINFO.resultInfo.carWidth;
        this.carHigh = RESULTINFO.resultInfo.carHigh;
        this.warranty = RESULTINFO.resultInfo.warranty;
        this.colorScreen = RESULTINFO.resultInfo.colorScreen;
        this.multimediaSystem = RESULTINFO.resultInfo.multimediaSystem;
        this.cruiseControl = RESULTINFO.resultInfo.cruiseControl;
        this.GPS = RESULTINFO.resultInfo.GPS;
        this.reverseVideo = RESULTINFO.resultInfo.reverseVideo;
        this.displayScreen = RESULTINFO.resultInfo.displayScreen;
        this.bluetoothPhone = RESULTINFO.resultInfo.bluetoothPhone;
        this.inductionWiper = RESULTINFO.resultInfo.inductionWiper;
        this.mirrorElectromotion = RESULTINFO.resultInfo.mirrorElectromotion;
        this.mirrorHeating = RESULTINFO.resultInfo.mirrorHeating;
        this.refoldingMirror = RESULTINFO.resultInfo.refoldingMirror;
        this.airControlMode = RESULTINFO.resultInfo.airControlMode;
        this.seatHeating = RESULTINFO.resultInfo.seatHeating;
        this.independentAC = RESULTINFO.resultInfo.independentAC;
        this.panoramicSunroof = RESULTINFO.resultInfo.panoramicSunroof;
        this.lampType = RESULTINFO.resultInfo.lampType;
        this.thirdSeats = RESULTINFO.resultInfo.thirdSeats;
        this.intakeForm = RESULTINFO.resultInfo.intakeForm;
        this.egineTechnology = RESULTINFO.resultInfo.egineTechnology;
        this.engineSpTechnology = RESULTINFO.resultInfo.engineSpTechnology;
        this.parkingType = RESULTINFO.resultInfo.parkingType;
        this.springNumber = RESULTINFO.resultInfo.springNumber;
        this.emissionStandard = RESULTINFO.resultInfo.emissionStandard;
        this.displacement = RESULTINFO.resultInfo.displacement;
        this.curbWeight = RESULTINFO.resultInfo.curbWeight;
        this.totalWeight = RESULTINFO.resultInfo.totalWeight;
        this.ratedWeight = RESULTINFO.resultInfo.ratedWeight;
        this.tractionWeight = RESULTINFO.resultInfo.tractionWeight;
        this.truckLong = RESULTINFO.resultInfo.truckLong;
        this.truckWidth = RESULTINFO.resultInfo.truckWidth;
        this.truckHigh = RESULTINFO.resultInfo.truckHigh;
        this.drivingMode = RESULTINFO.resultInfo.drivingMode;
        this.axisNumber = RESULTINFO.resultInfo.axisNumber;
        this.wheelBase = RESULTINFO.resultInfo.wheelBase;
        this.frontTrack = RESULTINFO.resultInfo.frontTrack;
        this.rearTrack = RESULTINFO.resultInfo.rearTrack;
        this.tyreNumber = RESULTINFO.resultInfo.tyreNumber;
        this.tyreSpec = RESULTINFO.resultInfo.tyreSpec;
        this.remarks = RESULTINFO.resultInfo.remarks;
        this.others = RESULTINFO.resultInfo.others;
      }
    }
  }
</script>

<style scoped>
  .line {
    width: 5px;
    height: 25px;
    position: absolute;
    left: 0;
  }
  .tit {
    display: flex;
    align-items: center;
    height: 1rem;
  }

  .big_pt {
    padding: 0rem .3rem 0rem .3rem;
    box-shadow: 2px 2px 10px rgba(128, 128, 128, .2);
  }

  .big_pt ul {
    padding-top: .3rem;
    border-top: 1px solid #f2f2f2;
  }

  .big_pt li {
    display: flex;
    text-align: left;
    padding-bottom: .3rem;
    align-items: center;
  }

  .big_pt li span:nth-child(1) {
    width: 2.4rem;
    color: #929292;
    flex: none;
  }

</style>
